    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
         <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 
        
        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css"> 
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">    
        <style type="text/css">
            .content{
                 position: absolute;
                left: 0;
                right: 0;
                overflow-x:hidden;
                overflow-y:auto;
                padding-bottom: 49px !important;
            }
            .interview-content{
               width: 100%;
               margin-top: 2px;
               color: gray;
            }
            .interview{
                width: 90%;
                margin: 10px auto;
            }
            .interview-text{
                width: 100%;
                height: 50px;
                border-bottom: 1px solid gray;
            }
            .interview-title{
                padding-top: 10px;
            }
            .person .interview-text,.linkType .interview-text{
                height: 30px !important;
            }
            .linkType{
                padding-bottom: 30px !important;
            }
            .interview-send{
                text-align: center;
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: rgb(81, 79, 79);
                color: white;
                line-height: 40px;
                border-radius: 5px;
            }
            .interview-tip{
                padding: 10px 10px;
                color:#626669;
                background-color: white;
                font-size: 12px;
            }
            .interview-tip div{
                /*color:#34d098;*/
                font-size: 14px;
                color:black;
            }
            .interview-tip span{
                color:#34d098;
            }
            .candidate{
                background-color: white;
                margin-top: 5px;
                padding: 20px 0;
                color:#34d098;
            }
            .candidate img{
                width: 13px;
                height: 16px;
                margin: 0 10px;
            }
            .candidate div{
                display: inline-block;
                margin-left: 10px;
                color:#626669;
            }
             .usePeople-notpass{
                width: 120px;
                height: 40px;
                float: left;
                margin: 50px 0 80px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .usePeople-pass{
                width: 120px;
                height: 40px;
                float: right;
                margin: 50px 20px 80px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;

            }
            .ui-dialog-cnt{
                width: 100%;
                margin: 50% auto;
            }
            .ui-dialog-text{
                width: 90%;
                margin: 0 auto;
                font-size: 10px;
                color: gray;
            }
            #notpass-result .ui-dialog-bd{
                padding-bottom: 0px;
            }
            .ui-dialog-result{
                display: block;
                width: 90%;
                min-height: 80px;
                margin: 10px auto;
                border: 1px solid gray;
            }
            .recommend-list-content{
                margin: 5px 16px;
            }
            .recommend-list-content div{
                display: inline-block;
            }
            .resume-title{
                font-size: 12px;
                text-align: left;
                margin: 2px 0 2px 16px;
            }
            .resume-text{
                width: 86%;
                text-align: left;
                margin: 5px auto;
                font-size: 13px;
            }
            .resume-text-job{
                color: #A9AEB2;
            }
            .resume-text-job div{
                
                display: inline-block;
            }
            .resume-text-content{
                width: 100%;
                background-color: white;
                padding: 10px 0;
                height: 70px;
            }
            .userName{
                position: absolute;
                margin: 35px 70px;
                color: #505960;
                font-size: 13px;
            }
            .userName span{
                color:#34d098;
            }

           .star{
                float: left;
                margin-left: 10px;
                color: #505960;
            }
            .star div{
                float: right;
                margin: 2px 0 0 3px;
                font-size: 16px;
            }
            .star img{
                width: 16px;
                height: 15px;
            }
            .userPic{
                float: left;
                margin: 0 0 0 10px;
            }
            .picUrl{
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
            }
            .ui-dialog-cnt {

                width: 100%;
                margin: 40% auto;
            }
            .ui-dialog-cnt {
                width: 100%;
                margin: 40% auto;
            }
            .nopass{
                width: 120px;
                height: 40px;
                float: left;
                margin: 50px 0 80px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .pass{
                width: 120px;
                height: 40px;
                float: right;
                margin: 50px 20px 80px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
            }
            .hidden-btn{
                background: #A4A6A8;
                border-color:#A4A6A8;
            }
            .interview-tip{
                padding: 10px 10px;
                color:#626669;
                background-color: white;
                font-size: 12px;
            }
            .interview-tip div{
                /*color:#34d098;*/
                font-size: 14px;
                color:black;
            }
            .interview-tip span{
                display: block;
                color:#34d098;
            }
            .black{
                color: black!important;
            }
            .line-in{
                display: inline-block !important;
            }
            
        </style>
    </head>
    <body>
    <form action="#" method="post">
        <div class="content">

            <div class="interview-content">

                <div class="recommend">
                    <div class="recommend-title">面试信息</div>

                    <div class="recommend-content baseInfo">
                        <div class="recommend-name">面试公司</div>
                        <div class="recommend-list-content">{$job['company']}</div>

                        <div class="recommend-name">面试职位</div>
                        <div class="recommend-list-content">{$job['jobName']}</div>

                        <div class="recommend-name">面试时间</div>
                        <div class="time recommend-list-content">
                            <div class="time-star data">{$resume['interviewTime']}</div>
                            <!-- 下午
                            <div class="time-up clock">14:50</div> -->
                        </div>

                        <div class="recommend-name">面试地点</div>
                        <div class="recommend-list-content">{$resume['interviewPlace']}</div>
                    </div>
                </div>
                <div class="recommend">
                    <div class="recommend-title">联系人信息</div>

                    <div class="recommend-content baseInfo">
                        <div class="recommend-name">联系人</div>
                        <div class="recommend-list-content">{$resume['interviewPerson']}</div>

                        <div class="recommend-name">联系方式</div>
                        <div class="recommend-list-content">{$resume['interviewPhone']}</div>
                    </div>
                </div>
                <div class="resume">
                    <div class="resume-title">推荐人信息</div>
                    <div class="resume-text-content">
                        <a href="http://w2.9026.com/addon/JianCai/JianCai/userMessage/uid/{$user[id]}">
                            <div class="userPic">
                                <img class="picUrl" src="{$user['headimgurl']}">
                            </div>
                        </a>
                        <div>
                            <div class="star">
                                <img src="/Public/img/评价页面的评分（填满）.svg">                
                                <img src="/Public/img/评价页面的评分（填满）.svg">                
                                <img src="/Public/img/评价页面的评分（填满）.svg">                
                                <img src="/Public/img/评价页面的评分（填满）.svg">                
                                <img src="/Public/img/评价页面的评分.svg">                
                                <div>4.8</div>
                            </div>
                            <div class="userName" name="referrer">
                                推荐人:&nbsp;
                                <span>{$user['name']}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


</div>

        <div class="ui-dialog">
             <div class="ui-dialog-cnt demo1">
                 <div class="ui-dialog-bd">
                     <div>你确定要不通过（{$jobuser['name']}）的面试吗?</div>
                 </div>
                 <div class="ui-dialog-ft ui-btn-group">
                     <button type="button" class="cacel">取消</button>
                     <button type="button" class="sure">确定</button>
                 </div>
             </div>

             <div class="ui-dialog-cnt demo2" style="display:none">
                 <div class="ui-dialog-bd changed">
                     <div>已发送</div>
                 </div>
             </div>
         </div>
        

         <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn" data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>

         <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <a href="/addon/JianCai/JianCai/userInfo.html">
                            <div class="dialog-btn">去完善＝＝》</div>
                        </a>
                    </div>
                </div>
                <div class="set-close">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>

        </div>

    </form>
    </body>
    <script type="text/javascript" src="/Public/js/zepto.min.js"></script>
    <script type="text/javascript" src="/Public/js/frozen.js"></script>
    <script type="text/javascript">
        // $(".userPic").on("click",function(){

        //     var phoneNum = "{$user['phoneNum']}";
        //     // var phoneNum = "";
        //     if(phoneNum=='')
        //     {
        //        $("#complete-userInfo").modal('show'); 
        //     }else{
        //         window.location.href = "#";
        //     }
        // })
        $(".set-close").on("click",function(){
             $("#complete-userInfo").modal('hide');
        })


        var cacelbtnDown = false;
        var passbtnDown = false;

       $(".nopass").on("click",function(){
            if(!cacelbtnDown)
            {
                $(".ui-dialog").show();
            }
       });
       $(".pass").on("click",function(){
            // window.location.href="/addon/JianCai/JianCai/tryIt.html";
            if(!passbtnDown)
            {
                $("#pass").text("已接受");
                $("#pass").addClass("hidden-btn");
                passbtnDown = true;

                $("#cacel").text("拒绝");
                $("#cacel").addClass("hidden-btn");
                cacelbtnDown = true;
                // $(".navbar").show();

                 $.ajax({
                          type: 'GET',
                          url: "http://w2.9026.com/addon/JianCai/JianCai/interviewAccept/resumeId/{$resume['id']}",
                          data: "",
                          dataType: 'json',
                          success: function(result) {
                            // setTimeout(function(){
                            //     window.location.href="/addon/JianCai/JianCai/tryIt.html";
                            // }, 1000);
                             
                          },
                          error: function() {
                           // setTimeout(function(){
                           //      window.location.href="/addon/JianCai/JianCai/tryIt.html";
                           //  }, 1000);
                          }  
                    })
            }
       });
       $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })

       $(".sure").on("click",function(){

            if(!cacelbtnDown)
            {
                $(".demo1").hide();
                $(".demo2").show();
                var el = setTimeout(function(){

                    $(".demo1").show();
                    $(".demo2").hide();
                    $(".ui-dialog").hide();
                    clearTimeout(el);     
                }, 500);

                console.log("已拒绝");
                $("#cacel").text("已拒绝");
                $("#cacel").addClass("hidden-btn");
                cacelbtnDown = true;

                $("#pass").text("接受");
                $("#pass").addClass("hidden-btn");
                passbtnDown = true;

                // $(".navbar").show();

                 $.ajax({
                          type: 'GET',
                          url: "http://w2.9026.com/addon/JianCai/JianCai/interviewRefuse/resumeId/{$resume['id']}",
                          data: "",
                          dataType: 'json',
                          success: function(result) {
                            console.log("已拒绝");
                            $("#cacel").text("已拒绝");
                            $("#cacel").addClass("hidden-btn");
                            cacelbtnDown = true;
                          },
                          error: function() {
                           
                          }  
                    })
             }
        })
         $(".cacel").on("click",function(){
            $(".ui-dialog").hide();
        })
    </script>
    </html>